<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/css.css">
    <title>首页</title>
</head>
<body>
<!--页头三个按钮-->
<div class="container">
    <a href="league.html" class="btn btn-danger hadbtn hadpink">市场合作</a>
    <a href="adolesce.html" class="btn btn-info hadbtn hadgreen">见证成长</a>
    <a href="course.html" class="btn btn-warning hadbtn hadorange">了解课程</a>
</div>

<!--loog以及联系电话登录按钮-->
<div class="container">
    <div class="hadimg">
        <img src="images/logos.jpg">
    </div>
    <div class="hadtitle">
        <h4>极天所赋 星耀未来</h4>
        <a class="btn btn-warning hadorange" href="login.html">登录</a>
        <div class="telephone">
            <img src="images/telephone.jpg">
            <h2>4006-801-578</h2>
        </div>
    </div>
</div>

<!--导航条-->
<nav class="nav navbar-default hadtop">
    <div class="container">
        <div class="collapse navbar-collapse hadbar">
            <ul class="nav nav-pills">
                <li class="active"><a href="#">首页 <span > |</span></a></li>
                <li><a href="mechanism.html">关于我们 <span> |</span></a></li>
                <li><a href="brain.html">全脑潜能 <span> |</span></a></li>
                <li><a href="Idea.html">教学理念 <span> |</span></a></li>
                <li><a href="course.html">了解课程 <span> |</span></a></li>
                <li><a href="adolesce.html">见证成长 <span> |</span></a></li>
                <li><a href="league.html">市场合作 <span> |</span></a></li>
            </ul>
        </div>
    </div>
</nav>

<!--banner图展示-->
<div id="myCarousel" class="carousel slide" >
    <ol class="carousel-indicators">
        <li class="active" data-target="#myCarousel" data-slide-to="0"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
        <li data-target="#myCarousel" data-slide-to="4"></li>
        <li data-target="#myCarousel" data-slide-to="5"></li>
        <li data-target="#myCarousel" data-slide-to="6"></li>
    </ol>
    <div class="carousel-inner">
        <div class="item active"><img src="images/banner1.jpg"></div>
        <div class="item"><img src="images/banner2.jpg"></div>
        <div class="item"><img src="images/banner3.jpg"></div>
        <div class="item"><img src="images/banner4.jpg"></div>
        <div class="item"><img src="images/banner5.jpg"></div>
        <div class="item"><img src="images/banner6.jpg"></div>
        <div class="item"><img src="images/banner7.jpg"></div>
    </div>
    <a href="#myCarousel" data-slide="prev" class="carousel-control left"><span class="arrows">&lsaquo;</span></a>
    <a href="#myCarousel" data-slide="next" class="carousel-control right"><span class="arrows">&rsaquo;</span></a>
</div>

<!-- content-one -->
    <div class="container potential">
        <h3 class="pottext">潜能课程 PRODUCTS</h3>
        <div class="potblock potback_1"><p class="shorttext">超感心像力训练</p></div>
        <div class="potblock potback_2"><p class="shorttext">一代天骄领航未来训练营</p></div>
        <div class="potblock potback_3"><p class="shorttext">青少年生命动力训练营</p></div>
        <div class="potblock potback_4"><p class="shorttext">思维导图学习法</p></div>
        <div class="potblock potback_5"><p class="shorttext">波动速读学习法</p></div>
        <div class="potblock potback_6"><p class="shorttext">全脑超速记忆法</p></div>
        <div class="potblock potback_7"><p class="shorttext">超感创作力训练</p></div>
        <div class="potblock potback_8"><p class="shorttext">脑屏成像学习法训练</p></div>
        <div class="potblock potback_9"><p class="shorttext">全脑海里单词记忆</p></div>
    </div>

<!--photo-->
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-4 col-xs-6 ">
                <div class="thumbnail">
                    <a href="course.html"><img src="images/photo_1.jpg"></a>
                </div>
                <div class="baktrams baktrams_1">超感心像力训练</div>
            </div>
            <div class="col-md-3 col-sm-4 col-xs-6">
                <div class="thumbnail">
                    <a href="course_one.html"><img src="images/photo_2.jpg"></a>
                </div>
                <div class="baktrams baktrams_2">超感创作力训练</div>
            </div>
            <div class="col-md-3 col-sm-4 col-xs-6">
                <div class="thumbnail">
                    <a href="course_one.html"><img src="images/photo_3.jpg"></a>
                </div>
                <div class="baktrams baktrams_3">思维导图学习法</div>
            </div>
            <div class="col-md-3 col-sm-4 col-xs-6">
                <div class="thumbnail">
                    <a href="course_one.html"><img src="images/photo_4.jpg"></a>
                </div>
                <div class="baktrams baktrams_4">脑屏成像学习法训练 </div>
            </div>
            <div class="col-md-3 col-sm-4 col-xs-6">
                <div class="thumbnail">
                    <a href="course_one.html"><img src="images/photo_5.jpg"></a>
                </div>
                <div class="baktrams baktrams_5">全脑超速记忆法</div>
            </div>
            <div class="col-md-3 col-sm-4 col-xs-6">
                <div class="thumbnail">
                    <a href="course_one.html"><img src="images/photo_6.jpg"></a>
                </div>
                <div class="baktrams baktrams_6">波动速读学习法</div>
            </div>
            <div class="col-md-3 col-sm-4 col-xs-6">
                <div class="thumbnail">
                    <a href="course_one.html"><img src="images/photo_7.jpg"></a>
                </div>
                <div class="baktrams baktrams_7">全脑海里单词记忆</div>
            </div>
            <div class="col-md-3 col-sm-4 col-xs-6">
                <div class="thumbnail">
                    <a href="course.html"><img src="images/photo_8.jpg"></a>
                </div>
                <div class="baktrams baktrams_8">青少年生命运动训练</div>
            </div>
        </div>
    </div>

<!--课程体系-->
    <div class="container phtbox">
        <h3 class="pottext">课程体系 PRODUCTS</h3>
        <div class="row">
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="thumbnail">
                    <img src="images/bakphoto_1.jpg">
                </div>
                <p>全脑训练能力体系课程，全面激孩子先潜能，让孩子拥有不可思议的专注力感知能力。</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="thumbnail">
                    <img src="images/bakphoto_2.jpg">
                </div>
                <p>全脑方法体系课程，函数全脑学习方法，让孩子学习效率倍增、阅读、学习、写作更轻松。</p>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="thumbnail">
                    <img src="images/bakphoto_3.jpg">
                </div>
                <p>全脑应用体系课程，覆盖小学、初中、高中课程，帮助孩子高效掌握课程精髓速提分。</p>
            </div>
        </div>
    </div>


<!--footer页脚-->
    <div class="footer">
        <img src="images/footer.jpg">
        <div class="touch">
            <p class="pone">北京赋极文化传媒有限公司 <span>官网：www.ftjedu.com</span></p>
            <p class="ptwo">地址：北京市朝阳区大望路商圈华贸商务楼15号楼601室</p>
        </div>
        <h2>4006801578</h2>
    </div>

<script type="text/javascript" src="js/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
// banner效果
    $("#myCarousel").carousel({
        interval:3000,
        pause:'hover'
    });
    $(function(){
        $('.carousel-control').css('line-height' , $('.carousel-inner img').height()+'px');
// 设置垂直居中
        $(window).resize(function(){
            $('.carousel-control').css('line-height' , $('.carousel-inner img').height()+'px');
        });
    });
</script>
</body>
</html>